When I started this, I thought, "I'll do the dashboard, that's not too complicated.". Guess what world? I was wrong. Turns out there's a lot of functionality packed into our little dashboard.

Even though this PR isn't finished, I wanted to open it to start getting feedback on the direction things are heading.

The general plan is to use Inertia with Vue to handle the rendering of the CP. The Vue pages will then render our web components from the @craftcms/cp package (#18010). General layout will be handled by Tailwind utility classes.

All these together will hopefully help usher in a new era free from the quantum entanglement we find ourselves in with the current CSS.

Even though this PR is large already, there's still a good list of things that need to be tackled before we'll reach feature parity with the current Dashboard.

To-Do

• New widget items must be keyboard selectable
• settingsJs may need to be evaluated when creating a widget
• Make sure the window scrolls to the newly created widget
• Create / Updates should happen in the queue
• Create an empty state for the widget manager
  • Text should say "You don’t have any widgets yet." to maintain translations
• Add the ability to undo deleting a widget
• The layout should be masonry (I had hoped we could get away with grid, but it's kind of yucky)
• Toast notifications for all operations
• Make sure to initialize UIElements in newly created widgets (may not be necessary)
• Append head and body HTML (may not be necessary)
• Colspan selectors should be SlidePicker components
• Accessibility audit / tests (make sure we're not going backwards)
• Improve the Widget Manager display and UX
• Update UI for existing widget types
  • My Drafts
  • New Users
  • Quick Post
• UI polish (won't be in this PR)